<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>菜单角色管理</title>
<link href="<c:url value='/insdep/reset.min.css' />" rel="stylesheet" type="text/css">
<link href="<c:url value='/insdep/easyui_full.css'/>" rel="stylesheet" type="text/css">
<link href="<c:url value='/insdep/icon.css'/>" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<c:url value='/insdep/jquery-1.11.3.min.js'/>"></script>
<script type="text/javascript" src="<c:url value='/insdep/jquery.easyui-1.5.2.min.js'/>"></script>
<script type="text/javascript" src="<c:url value='/insdep/insdep-extend.min.js'/>"></script>

<link href="<c:url value='/css/wsf-button.css'/>" rel="stylesheet" type="text/css">
</head>
<body> 
	<script type="text/javascript">
	/* $('#perdg').datagrid('load', {    
	    roleid: '10010'
	}); */ 
	//性别格式化
	function formatter_sex(val) {
		return {0:"女", 1:"男"}[val];
	}
	$(function(){
		$("#dept_desc_position_dg").datagrid({
			queryParams:{deptid:$("#dept_details_win").window("options").deptid}
			
		});
		$("#dept_desc_emp_dg").datagrid({
			queryParams:{deptid:$("#dept_details_win").window("options").deptid}
		
		});
	});
	</script>
	<div style="width:500px;align-content: true;">
		<div id="" class="easyui-accordion" style="width:500px;height:563px;">   
		     
		    <div title="部门下的职位" data-options="selected:true" >   
		         <table id="dept_desc_position_dg" class="easyui-datagrid" 
						data-options="
						fitColumns:true,
						url:'find_PositionByDeptId',
						rownumbers: true,
						nowrap:false, 
						fit:true,
						autoRowHeight:true,
						autoRowWidth:300">
						<thead>
							<tr>
								<th style="width:32.3%" data-options="field:'positionId', align:'center'">职位编号</th>
								<th style="width:32%" data-options="field:'positionName', align:'center'">职位名称</th>
								<th style="width:20%" data-options="field:'positionOrgan', align:'center'">职位编制</th>
								<th style="width:20%" data-options="field:'positionNumber', align:'center'">在职人数</th>
							</tr>
						</thead>
				</table>   
		    </div>   
		    <div title="部门下的员工">   
		        <table id="dept_desc_emp_dg" class="easyui-datagrid" 
						data-options="
						height:450,
						fitColumns:true,
						url:'find_DeptAllEmpInfo',
						rownumbers: true,
						nowrap:false, 
						fit:true,
						autoRowHeight:true,
						autoRowWidth:300">
						<thead>
							<tr>
								<th style="width:25%" data-options="field:'empId', align:'center'">员工编号</th>
								<th style="width:30%" data-options="field:'empName', align:'center'">员工名称</th>
								<th style="width:20%" data-options="field:'empSex', align:'center', formatter:formatter_sex">性别</th>
								<th style="width:29%" data-options="field:'positionName', align:'center'">职位名称</th>
							</tr>
						</thead>
				</table>
		    </div>   
	    </div>	
	</div> 
</body>
</html>